<template>
  <div class="myhome-box">
    <!-- <tencentCom>
    </tencentCom> -->
    <img src="~@/assets/images/home.jpg" alt="">
    <h2>欢迎进入<br>{{loginData.medicalInstitution.name}}诊所平台</h2>
  </div>
</template>

<script>
  import {
    mapState
  } from 'vuex'
  export default {
    name: "Analysis",
    data() {
      return {
        indexStyle: 1,
        loginData: {}
      }
    },
    computed: {
      ...mapState({
        userData: state => state.user.userData,
      }),

    },
    watch: {
      userData: {
        handler(val) {
          this.loginData = val
        },
        deep: true,
        immediate: true
      }
    },
    created() {
      this.loginData = this.userData
    },
    methods: {

    }
  }
</script>
<style lang="less" scoped>
  .myhome-box {
    background-color: #FFF;
    position: relative;

    &:after {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      background: url('~@/assets/images/home-jiao.jpg') no-repeat;
      width: 197px;
      height: 96px;
    }

    position: relative;

    h2 {
      font-size: 48px;
      position: absolute;
      z-index: 2;
      right: 8%;
      top: 50%;
      transform: translateY(-50%);
      //max-width: 20%;
      // text-align: center;
      color: @primary-color;
    }
  }
</style>